<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" href="../static/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="../static/css/tickets-detail.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/footer.css">

		<title>尼泊尔旅游</title>
	</head>

	<body>
		<!--导航部分-->
		<nav class="navbar navbar-default" style="background: #222222;border: 0;border-radius: 0">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">尼泊尔旅游</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
					<a class="navbar-brand" href="../index.html">尼泊尔旅游</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li data-toggle="modal" data-target="#signIn">
							<a href="#signIn" data-target="#signIn" style="color: white">登录</a>
						</li>
						<li data-toggle="modal" data-target="#signUp">
							<a href="#signUp" data-target="#signUp" style="color: white">注册</a>
						</li>

					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
		<div class="container" style="margin-top:10px">
			<div class="row">
				<div id="myCarousel" class="col-md-8 col-xs-12 carousel slide">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>
					</ol>
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner">
						<div class="item active">
							<img src="img/prairie.jpg" alt="First slide" width="100%">
						</div>
						<div class="item">
							<img src="img/game.jpg" alt="Second slide">
						</div>
						<div class="item">
							<img src="img/moun1.jpg" alt="Third slide">
						</div>
					</div>
					<!-- 轮播（Carousel）导航 -->
					<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
					<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
				</div>
				<div class="col-md-4 col-xs-12 na-mon">
					<p>景点： 阿加多游乐场</p>
					<span>￥389.00</span>
				</div>
			</div>
			<div class="det">
				<h3 id="spe">景点特色</h3>
				<div class="det-list">
					<h4>景点概要</h4>
					<ul>
						<li>行程中团队标准用餐，（中式餐或自助餐或特色餐，含飞机上用餐，自由活动期间用餐请自理；如因自身原因放弃用餐，则餐费不退）。 </li>
						<li>行程中所含的景点首道大门票，详见行程。</li>
						<li>专职领队和当地中文导游，竭诚为您服务</li>
						<li>赠送项目不退钱</li>
					</ul>
					<h4>景点特色</h4>
					<div class="center">
						<img src="img/game2.jpg" alt="" width="90%">
						<img src="img/game1.jpg" alt="">
						<img src="img/game3.jpg" alt="">
						<img src="img/game4.jpg" alt="">
					</div>
				</div>
			</div>
			<div class="det">
				<h3 id="mon">费用说明</h3>
				<div class="det-list">
					<h4>费用包括</h4>
					<ul>
						<li>行程中团队标准用餐，（中式餐或自助餐或特色餐，含飞机上用餐，自由活动期间用餐请自理；如因自身原因放弃用餐，则餐费不退）。 </li>
						<li>行程中所含的景点首道大门票，详见行程。</li>
						<li>专职领队和当地中文导游，竭诚为您服务</li>
						<li>赠送项目不退钱</li>
					</ul>
					<h4>费用不包括</h4>
					<ul>
						<li>行程中注明需要另行支付的自费景点（具体请参考行程描述）。</li>
						<li>其他城市往返交通费用，单房差为单人间房差（并非标准间房差）</li>
						<li>出入境个人物品海关征税，超重行李的托运费、保管费。；因交通延阻、战争、政变、罢工、天气、飞机机器故障、航班取消或更改时间等不可抗力原因所引致的额外费用。；酒店内洗衣、理发、电话、传真、收费电视、饮品、烟酒等个人消费。；当地参加的自费以及以上“费用包含”中不包含的其它项目。</li>
						<li>旅游人身意外保险</li>
					</ul>
				</div>
			</div>
			<div class="det">
				<h3 id="abo">相关景点</h3>
				<div class="det-list">
					...
				</div>
			</div>
		</div>

		<footer class="bs-docs-footer">
			<div class="col-md-12">
				<p>
					<a href="#">联系我们</a>
					<br/><br/>
					<em>Copyright © 2017  All Rights Reserved</em>
				</p>

			</div>
		</footer>

		<div class="modal fade" id="signIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h3 class="modal-title" id="myModalLabel">登录</h3>
					</div>
					<div class="modal-body">
						<form class="form-horizontal login-f">
							<div class="form-group">
								<label for="inputName" class="col-sm-2 control-label">Username</label>
								<div class="col-sm-12">
									<input type="text" class="form-control forminput inputName" id="inputName" placeholder="手机号">
								</div>
							</div>

							<div class="form-group">
								<label for="inputPassword" class="col-sm-2 control-label">Password</label>
								<div class="col-sm-12">
									<input type="password" class="form-control forminput" id="inputPassword" placeholder="密码 Password">
								</div>
							</div>
						</form>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-infor">提交</button>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="signUp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h3 class="modal-title" id="myModalLabel">注册</h3>
					</div>
					<div class="modal-body">

						<form class="form-horizontal login-f">
							<div class="form-group">
								<label for="inputName" class="col-sm-2 control-label">Username</label>
								<div class="col-sm-12">
									<input type="text" class="form-control forminput  inputName" id="inputName" placeholder="手机号">
								</div>
							</div>

							<div class="form-group">
								<label for="inputName" class="col-sm-2 control-label">Code</label>
								<div class="col-sm-12">
									<input type="text" class="form-control forminput  inputName" id="inputName" style="width:70%;background-position: 3% 90%;float:left" placeholder="验证码">

									<button type="button" class="btn btn-infor" style="float:left;margin-left:5px;height: 4.2rem">获取验证码</button>
								</div>
							</div>

							<div class="form-group">
								<label for="inputPassword" class="col-sm-2 control-label">Password</label>
								<div class="col-sm-12">
									<input type="password" class="form-control forminput" id="inputPassword" placeholder="密码 Password">
								</div>
							</div>
						</form>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-infor">提交</button>
					</div>
				</div>
			</div>
		</div>

	</body>
	<script type="text/javascript" src="../static/js/jquery.min.js"></script>
	<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
	<script>
		var wid1 = $(".det-list img").width();
		var term1 = 9 / 16;
		var hei1 = $(".det-list img").width() * term1;
		$(".det-list img").css({
			"width": wid1,
			"height": hei1
		});

		var wid2 = $("#myCarousel").width();
		var term2 = 8 / 16;
		var hei2 = $("#myCarousel").width() * term2;
		$("#myCarousel img").css({
			"width": wid2,
			"height": hei2
		});
	</script>

</html>